<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>初识JQuery</title>
		<!-- JQuery框架---JavaScript 行为层 做页面触发型效果
		 JQuery框架封装了JavaScript所有功能，JQuery框架【又叫做js类库】
		 一、使用JQuery使用
		 ①官方网站下载JQuery框架，版本格式jquery-1.11.1.js
		 注意：JQuery-2-xx.js  以上版本不支持IE6、7、8
		 ②引入JQuery框架，在head元素中，添加script元素
		 ③JQuery语法使用，在后标记body元素前加script元素，在这个元素中写JQ语法
		 
		 JavaScript三部分组成   EMCAScript 核心语法 理解：java基础
		                       功能：做逻辑
							   输出语句1.document.write("内容＋元素")
		                               效果直接输出页面中
									   【较为常用】
									   2.console.log("内容+变量值");
									   任何浏览器F12，直接在控制台输出内容+变量值
									   调试页面数据，查看页面程序运行状态
									   【非常常用】
									   3.alert("内容+变量值")
									   弹出框，测试功能是否生效，Debug页面方式
									   4.confirm("内容")
									   弹出框，判断基础逻辑
								【重点】	   DOM   Document Object Model文档节点对象模型
								           功能：改变页面效果【结合逻辑操作页面元素和属性】
										   改变页面效果--DOM树概念
										   DOM认为页面一棵DOM树，树根document
										   按照html结构，body元素中页面出现
										   元素最多位置，等待元素出现，才可以改变
										   元素效果
										   
									   BOM  Browser Pbject Model 浏览器对象模型
									   针对浏览器功能操作
									   功能：改变浏览器效果【结合逻辑操作浏览器】
		 -->
		 <script src="js/jquery-1.11.1.js"></script>
	</head>
	<body>
		<button>按钮</button>
		<script>
			$("botton").click((function(){document.write("<h1>准备下课</h1>")})
		</script>
	</body>
</html>